Page {
  font-size       : var(--deaultFontSize);
  background-color: #eee;
}

.collect-main {
  .collect-title {
    margin: 34rpx 0;

    text {
      border          : 2rpx solid #fff;
      background-color: #fff;
      padding         : 16rpx;
      margin-left     : 16rpx;
    }

    text.active {
      color           : #fff;
      background-color: var(--theme);
    }
  }

  .collect-content {
    .collect-item {
      display         : flex;
      margin-top      : 10rpx;
      height          : 220rpx;
      background-color: #fff;

      .img-wrap {
        flex: 3;

        image {
          width: 86%;
        }
      }

      .goods-info-wrap {
        flex           : 6;
        flex-direction : column;
        justify-content: space-around;
        padding        : 0 20rpx;

        .goods-title {
          display           : -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow          : hidden;
          font-size         : 30rpx;
          color             : #000;
        }

        .goods-info-bottom {
          width          : 100%;
          display        : flex;
          justify-content: space-between;

          .goods-price {
            color      : var(--theme);
            font-size  : 36rpx;
            font-weight: bold;
          }
        }
      }

      .img-wrap,
      .goods-info-wrap {
        display        : flex;
        justify-content: center;
        align-items    : center;
      }

    }
  }
}